<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>我的工单</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <link rel="stylesheet" href="../../plugin/ydui/css/ydui.css"/>
    <link rel="stylesheet" href="../../plugin/css/fonts/font-awesome.min.css" />
    <link rel="stylesheet" href="../../plugin/weui/css/weui.min.css"/>
    <link rel="stylesheet" href="../css/myWork.css"/>
    <script src="../../plugin/ydui/js/ydui.flexible.js"></script>
</head>
<body>
<section class="g-flexview">
    <section class="g-scrollview">
        <div id="J_Tab" class="m-tab demo-pitch">
            <ul class="tab-nav" style="width: 100%;height: 1rem;">
                <li class="tab-nav-item tab-active">
                    <a href="javascript:;" onclick="repairState(allStatus)" style="font-size: .3rem; ">全部工单</a>
                </li>
                <li class="tab-nav-item">
                    <a href="javascript:;" onclick="repairState(appoint)" style="font-size: .3rem;">待预约</a>
                </li>
                <li class="tab-nav-item">
                    <a href="javascript:;" onclick="repairState(repair)" style="font-size: .3rem;">待维修</a>
                </li>
            </ul>
            <div class="tab-panel" id="repair">
                <div class="tab-panel-item tab-active"></div>
                <div class="tab-panel-item"></div>
                <div class="tab-panel-item"></div>
            </div>
        </div>
    </section>
</section>
<a href="repair.html">
    <div class="footer">
        <div class="fa fa-plus" style="font-size: .3rem;color: #1e8fe7;margin:.35rem 3rem ;">新建工单</div>
    </div>
</body>
<script src="../../plugin/jquery/jquery-2.2.3.min.js"></script>
<script src="../../plugin/ydui/js/ydui.js"></script>
<script src="../../common/server.js"></script>
<script src="../../common/constant.js"></script>
<script src="../js/mywork.js"></script>
<script>
    !function ($) {
        var $tab = $('#J_Tab');
        $tab.tab({
            nav: '.tab-nav-item',
            panel: '.tab-panel-item',
            activeClass: 'tab-active'
        });
        //
        // $tab.find('.tab-nav-item').on('opened.ydui.tab', function (e) {
        //     console.log('索引：%s - [%s]已经打开了', e.index, $(this).text());
        // });
    }(jQuery);
</script>
</html>